<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <!-- 
    $.方法名  

      $.extend({
        方法名: 函数
      })


    $(dom).方法名

      $.fn.方法名 = function () {

        return this
      }

    插件封装一定要写在自执行函数中
    ;(function ($) {
      // 防止全局变量污染插件

      // 传入参数jquery的目的是避免其他使用$的库冲突
    }(jQuery))


    工具插件直接全局封装到一个js中即可，一般使用utils.js

    DOM操作的插件，一般单独的功能封装到单独的js中命名规范 
      jquery.插件名.js
      相关的css也要起相同的名字jquery.插件名.css


  -->
</body>
</html>